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Our brains are biased ... 


Each card has a letter on one side and a number on the other side. 


A 


C 


3 


7 

ik 




1 A 




(Wason, 1966/ Evans , 1993) 


Which card(s) do you need to turn over to determine whether the following claim is true 

"If the card has a A on one side, 
then it has a 3 on the other side" 
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Our brains are biased ... 



If A then -> 3 





7 


(Wason, 1966/ Evans , 1993) 


Correct answer: A - 7 
Correct answers < 10 % in Wason's study 
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How the brain processes info 



Introduction 


Perception 


Memory 


Attention 


Conclusion 






Perception: How it works 


Information is organized through a 3-level process (example of vision): 



Perception 



Knowledge: access to semantics 


Organization of the visual field: 
the brain likes meaningful 
patterns (shape) 


Physics: orientation, spatial 
frequency, brightness ... 


Attention 
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Perception: Limitations 



-> Top-down process in perception ... the geek version 

Street Fighter II characters as minimalized by artist Ashley Browning 
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Perception: Gestalt Theory 


Law of Proximity 


Objects that are near one another in space 
or time are perceived as belonging together. 


Law of Similarity 


Objects with similar attributes (such as shape, color, size, or 
brightness) are perceived as belonging together. 
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Application: Gestalt laws in menus 



DEATH FRO 


ABOVE 


20 KP / 1 000 


CRAFTING PROGRESS COLLECTION TACTICS "< 


C> learn 


or fal onto an enemy jelow you for a 
deadly takedown. If you have the Clia 
Takedow skill, you can chain this kill into 
more takedowns. 


105XP/750 K 239,802 *14 


THE ELEPHANT 


# 

m 
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Application: Gestalt laws in menus 
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Application: Gestalt laws in menus 
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Perception: Form Follows Function 



Affordance = no need to learn 



Avoid multistability 
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Perception: Form Follows Function 



Mai! 



Camera 


-> Stereotypes to help identify the function 


<& 

Game Center 



Photos 


-> Need to be learned 



Music 



iTunes Store 


-> Similar form for 2 different functions 


iPhone OS 7 
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Application: FFF in icon testing 



Capacity: 3/30 


0 CRAFTING 


[Schematic] Handmade Katana 


[Schematic] Handmade Katana 


[Schematic] Handmade [Starter] Pickaxe 


[Schematic] Handmade Pickaxe 


[Schematic] Masterwork Farmer’s Glory 


craft 


craft 


[Schematic] Healing: Balm 


craft 


§pUXLabTest7 

Lvll Outlander 


H INVENTORY 


Search... 

MELEE WEAP 


19 SKILLS 
□ STATS 


Fortnite (pre-alpha) 


Close the Ga^ 


O Search the area fore 
Gate (1 remaining) 


craft 

B * 

craft 


♦♦♦ 


craft 


craft 


UJlLafila-jiy 
Lyl'IS Minis 
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Application: FFF in icon testing 




FORM = "It looks like a heart with an EKG graph inside" 

FUNCTION = " I expect using this ability would resuscitate 
my character" 



*5. Looking at the icon above, quickly answer the following questions: 

What does it look like? (describe the FORM) 

What does it do? (describe the FUNCTION) 
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Application: FFF in icon testing 


Form (U I designer): 

"Smoke bomb releasing a plume of smoke" 


Function (U I designer): 

"Throws a smoke bomb (Ninja ability)" 


Survey Answers Survey Answers 


it looks like a bomb with 
the lit end of the fuse has a 
heart shape 

Partially Correct 


Causes the bombs to not hurt teammates 

Incorrect 

A bomb with smoke 
coming from the fuse. 

Correct 


A smoke bomb. 

Correct 

A bomb 

Partially Correct 


explode 

Partially Correct 

bomb with fuse lit 

Partially Correct 


will explode 

Partially Correct 

Smoke bomb 

Correct 

To hide or get away from enemies. 

Correct 

Bomb with a puff of smoke 

Correct 


Smoke grenade 

Correct 

A bomb with a white heart 

Partially Correct 


When explodes it affects the opposition, but does not 
damage them 

Incorrect 

Bomb 

Partially Correct 


diffused bomb, fails to explode 

Incorrect 

smoke bomb 

Correct 


A bomb that causes smoke to come out 

Correct 

smoke bomb 

Correct 


obfuscation 

Correct 

Bomb and smoke 

Correct 


Increases power of bomb 

Incorrect 

Bomb 

Partially Correct 


Some kind of thrown bomb 

Partially Correct 

Bomb with smoke coming 
out of its fuse 

Correct 

Smoke bomb 

Correct 


Form = 60% -> to improve 
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-> Function = 75% because ambiguous form 
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Application: FFF in icon testing 


Form (Ul designer): 

"Bomb superimposed on an old-timey alarm clock" 


Survey Answers 


Bomb inside of a 
stopwatch 

Correct 

Looks like a bomb timer 

Correct 

A bomb inside of a 
dock. 

Correct 

Looks like a bomb inside 
a clock. 

Correct 

A bomb in a stopwatch 

Correct 

bomb with timer on it 

Correct 

Time bomb 

Correct 

bomb in a clock 

Correct 

A bomb with a clock 

Correct 

Bomb with a clock 

Correct 

timed bomb 

Correct 


Function (Ul designer): 

"Deploys the Matter Collector, which destroys and returns as 
materials all objects within a given radius of the 'blast' 
(Outlander ability)" 


Survey A n swe rs 



Sets off a timed bomb 

Incorrect 


That this will either explode a remote bomb or will 
lay down a bomb that will explode after a few 
seconds 

Incorrect 


Increases/decreases the time of you bombs. 

Incorrect 


An ability to set a timed explosion, 

Incorrect 


Explode after V amount of seconds 

Incorrect 


makes bomb explode faster 

Incorrect 


A bomb that will go off in X time 

Incorrect 


time bomb 

Incorrect 


A skill that allows the user to set a timer for a 
bomb 

Incorrect 


Time Bomb 

Incorrect 


A bomb that has a specific timer on it before it 
blows up 

Incorrect 


-> This icon needs a complete redesign. 
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Limitations: Perception * Reality 


• Listen to this. How does the batcycle sound? 
(The Dark Knight) 



• What is it really ? 
-> Shepard tone 



• Shepard tone in Super Mario 64 
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Application: What the player perceives is what matters 



Fortnite - shooting range gym level 
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Perception: Reminder ... 



Perception 


How it works 

(in a nutshell) 

Input is processed 

Limitations 

Perception(s) * Reality 

(examples) 

Perception is subjective 

Applications 

Use Gestalt laws 

(examples) 

Form Follows Function 
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How the brain processes info 




MEMORY 

(synaptic modification) 


Memory 
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Memory: How it works 


SENSORY MEMORY 




Part of perception 
Importance of attention 


I 



Short-term - Easily disturbed 
Requires heavy attentional resources 



<1 1 
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Memory: Limitations 


Forgetting curve: 



(Ebbinghaus, 1885) 
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Memory: Limitations 


Do you remember the iOS icons I showed you earlier? 



Memory 
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Memory: Limitations 


Forgetting curve applied to games: 


63^ e 



Forg ett7ngc u 7; e 



Discrepancy when resuming: 
the player can feel downgraded 


1 st game session 


x days lag 


2nd game session 
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Application: Reduce the memory load 



Assassin's Creed 
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Application: Reduce the memory load 



Memory 


Fortnite 

(pre-alpha) 
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Application: Prioritize learning 
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Application: Prioritize learning 


Prio 

Features to teach 

Difficulty 

Tutorial 

order 

2 

Core movement and 
combat 

Easy -dynamic tip 

■ 

2 

Scavenging 

Easy -dynamic tip 

2 

2 

Crafting 

Medium 

1 

2 

Building 

Hard 

4 

1 

Home Base is 
player's persona 

Medium 

■ 


3 Commanding a Medium 3 

roster of heroes 
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Application: Prioritize learning 


Prio 

Features to teach 

Difficulty 

Tutorial 

order 

Onboarding plan 
(player's perspective) 

Narrative wrapper 

1 

Home Base is 
player's persona 

Medium 

1 

This is me in the game. 1 start by naming and 
choosing a banner for my Home Base. 

Player receives a distress beacon 
and discovers his/her Home Base to 
command. 

2 

Core movement and 
combat 

Easy -dynamic tip 

2 

1 know how to move and shoot, just give me a 
quick tip if necessary. 

N/A 

2 

Scavenging 

Easy - dynamic tip 

2 

1 quite naturally destroy the environment, just 
give me a quick tip that all is destroyable. 

N/A 

2 

Crafting 

Medium 

2 

Crafting enables me to make more powerful 
weapons and items. 1 must know how to do this 
to have fun in the game. 

The player needs a harvesting tool. 
Safe environment. 

3 

Commanding a 
roster of heroes 

Medium 

3 

I'm managing multiple heroes, each having 
specific skills. 

The player has to choose his/her 
first hero among 2 classes to send it 
to the 1 st mission. 

2 

Building 

Hard 

4 

Building enables me to make forts that protect 
me from evil. 1 must know how to do this to have 
fun. 

The player is in a pit and needs to 
build stairs to escape and start 
exploring. Safe environment. 
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Application: Prioritize learning 


Pros = xciting action right away 



Corf's = Player can wrongly believe 
lis first hero is the persistent 
element 



Home Base first? 


Pros = 

• Sets the expectation correctly 

• Gives medium-term motivation 

Cons = Longer to start action 
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Application: Prioritize learning 


Verify your hypotheses in UX test early on: 


I completely disagree I somewhat disagree 


n 


n 


I'm not sure 

n 


I somewhat agree 

n 


I completely agree 

n 


• I clearly feel the impact of my progression in the game 

• I know what to do to become more powerful in the game 

• I clearly know which will be the 2-3 next things I'll unlock in my Homebase 


And with analytics later on. 
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Application: Prioritize learning 


Prio 

Features to teach 

Difficulty 

Tutorial 

order 

Onboarding plan 
(player's perspective) 

Narrative wrapper 

2 

Scavenging 

Easy - dynamic tip 

2 

1 quite naturally destroy the environment, just 
give me a quick tip that all is destroyable. 

N/A 

2 

Crafting 

Medium 

2 

Crafting enables me to make more powerful 
weapons and items. 1 must know how to do this 
to have fun in the game. 

The player needs a harvesting tool. 
Safe environment. 

2 

Building 

Hard 

4 

Building enables me to make forts that protect 
me from evil. 1 must know how to do this to have 
fun. 

The player is in a pit and needs to 
build stairs to escape and start 
exploring. Safe environment. 
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Memory: Reminder 



Memory 


How it works 

(in a nutshell) 

Input is processed 

Encoding and Storage 

Limitations 

Perception(s) * Reality 

Forgetting Curve 

(examples) 

Perception is subjective 

Applications 

Use Gestalt laws 

Reduce memory load 

(examples) 

Form Follows Function 

Prioritize learning 
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How the brain processes info 



Memory 
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♦ 7 ^ 


Pick one card: 
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I bet I can guess which card you picked and make it disappear: 






Yes, but actually all the cards have changed 

-> change blindness 
-> inattentional blindness 
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BTW, did you notice the gorilla in this image earlier? 
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Attention: How it works 


We are not carefully scanning all of our environment ... 
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Perception 


Rather, attention works like a spotlight. 

Memory Attention ^ Conclusion 




Attention: Limitations 



Low attention span - Multitasking is a myth ... 
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Attention: Limitations 


Fortnite 
(Sept 2014) 



We can hardly pay attention to tutorial texts 
when busy killing zombies ... 
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Application: Minimum workload 


Example of the 'red overload' problem: 



Unreal 

Tournament 3 
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Application: Minimum workload 


Reducing the 'red overload 1 in Fortnite: 



Fortnite (Jan 2014) (March 2015) 
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Application: Context and Meaning 


The deeper you process information (= focus your attention) 

the better you learn/retain 


Context = learning by doing 

Meaning = worthwhile now (for player's life/mission/goal) 


* narrative 


;j2l 


Far Cry 3: Blood Dragon 

No context, no meaning (but hilarious ©) 



Call of Duty 2 

Context, yet weak meaning 



Uncharted 2 

Context and meaning 


\ 

LEARN THEN DO 

(shallow process, 

weak motivation) 


LEARNING BY DOING 

(deeper process when in context, 
l greater motivation with meaning) j 
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Application: Context and Meaning 


Building tutorial in Fortnite: towards more meaning 



Player told to protect a tractor: misleading. 

Build protection around barn: unintuitive. 

Player in stressful situation (timer) and set for failure. 


• Player told to build his/her way out. 

• Player has all the time needed. 

• Set for success. 


-> in context but poor and misleading meaning 


-> greater meaning 
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Application: Context and Meaning 



Crafting tutorial in Fortnite: towards more meaning 

Nov 2014 Feb 2015 


Score: 17 


Hit rocks and trees to gather 
O resourcesinordertocraft a 
Pickaxe 

O * Collect Planks ( 0/4 ) 


O Collect Ore (2/4) 


Player is asked to do things step by step 
without clearly understanding the purpose 
(craft a pickaxe) 

-> in context but poor meaning 


• Player is clearly told the purpose for a tutorial. 

• Offers more freedom. 

-> greater meaning 
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Perception 


Memory 


Attention 


How it works 

(in a nutshell) 

Limitations 

(examples) 


Input is processed 


Encoding and Storage 


Spotlight 


Perception(s) * Reality 
Perception is subjective 


Forgetting Curve 


Inattentional blindness 
Low attention span 


Applications 

(examples) 


Use Gestalt laws 
Form Follows Function 


Reduce memory load 
Prioritize learning 


Minimum workload 
Context & Meaning 


Brain limitations are at the core of UX heuristics ... 
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MIIUIPIM/^ T r\ ^Qkl/MLLglQMC 


To conclude ... 



The gamer's brain is heavily biased ... 


... so is the developer's. 
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□ 

□ 

□ 

□ 

□ 

□ 

□ 


sere perience 


Usability 


Signs & Feedback 
Clarity 

Form Follows Function 
Consistency 
Minimum Workload 
Error Prevention / Recovery 
Flexibility 


/ 


GameFlow 




□ Perceived Pacing 

(challenge, learning curve, surprises, ...) 

□ Motivation 

(competence, autonomy, relatedness) 

□ Emotion 

(game feel, implicit motivation, ...) 



THANKS! W 
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